const { merge } = require("webpack-merge");
const webpackConfigBase = require('./webpack.config')
const { resolve } = require('path')

const htmlPublicPath = resolve(__dirname, 'devbuild')

module.exports = merge(webpackConfigBase, {
  output: {
    // 输出路径
    // __dirname nodejs的变量，代表当前文件的目录绝对路径
    path: htmlPublicPath,
    publicPath: '/',
  },
  mode: 'development', // 开发模式

  // 开发服务器 devServer：用来自动化(自动编译，自动打开浏览器，自动刷新浏览器)
  // 特点：只会在内存中编译打包，不会有任何输出
  // 启动devServer指令: webpack-dev-server
  devServer: {
    // 运行项目的目录(打包后的目录)
    contentBase: htmlPublicPath,
    // 启动 gzip 压缩
    compress: false,
    port: 3000,
    open: false,
  }
})